<template>
	<el-dialog :title="`${title}节点`" v-model="adNodeShow" :before-close="cancel">
		<el-form label-width="120px">
			<el-form-item label="活动名称">
				<el-input v-model="form.name" autocomplete="off"></el-input>
			</el-form-item>
			<el-form-item label="活动区域">
				<el-select v-model="form.region" placeholder="请选择活动区域">
					<el-option label="区域一" value="shanghai"></el-option>
					<el-option label="区域二" value="beijing"></el-option>
				</el-select>
			</el-form-item>
		</el-form>
	</el-dialog>
</template>
<script lang="ts">
import Vue, { defineComponent, reactive } from 'vue'

export default defineComponent({
	name: 'addNodeCom',
	emits: ['comShow'],
	props: {
		adNodeShow: {
			type: Boolean,
			default: true,
		},
		title: {
			type: String,
			default: '',
		},
	},

	setup(props, { emit }) {
		const cancel = () => {
			emit('comShow')
		}

		const form = reactive({})

		return {
			cancel,
			form,
		}
	},
})
</script>
<style lang="scss" scoped>
</style>